import React from 'react'
import { DownOutlined, SmileOutlined } from '@ant-design/icons';
import { Dropdown, Menu, Space, Button } from 'antd';
import "./together.less"

type Props = {}

const Together = (props: Props) => {
  const menu = (
    <Menu
      items={[
        {
          key: '1',
          label: (
            <a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com">
              查看
            </a>
          ),
          disabled: true,
        },
        {
          key: '2',
          label: (
            <a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com">
              设置
            </a>
          ),
        },
        {
          key: '3',
          label: (
            <a target="_blank" rel="noopener noreferrer" href="https://www.luohanacademy.com">
              保存草稿
            </a>
          ),
        },
        {
          key: '4',
          label: (
            <a target="_blank" rel="noopener noreferrer" href="https://www.luohanacademy.com">
              删除
            </a>
          ),
          disabled: true,
        },
      ]}
    />
  );
  return (
    <div className='together'>
      <header>
        <Button className='closebtn'>x</Button>
        <input type="text" />
        <Button type='primary' className='releasebtn'>发布</Button>
        <Dropdown overlay={menu}>
          <a onClick={e => e.preventDefault()}>
            <Space>
            <svg className="icon-more" fill='#1890ff' viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2161" width="32" height="32"><path d="M288 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="2162"></path><path d="M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="2163"></path><path d="M736 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="2164"></path></svg>
            </Space>
          </a>
        </Dropdown>
      </header>
      <main></main>
    </div>
  )
}

export default Together